<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MacLander - App Site Template</title>
    
    <!-- Include CSS -->
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/slimbox2.css" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Oswald|Droid+Sans:400,700' rel='stylesheet' type='text/css' />

    <!-- Include Scripts -->	
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.lite.min.js"></script>
    <script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
    <script type="text/javascript" src="js/jquery.color.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/slimbox2.js"></script>
    <script type="text/javascript" src="js/slides.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>	

</head>

<body>

<!-- START HEADER -->
<div id="header">

	<div class="container">
    
    	<div id="primary-nav" class="header-right">
        
            <ul class="sf-menu">
                <li class="current"><a href="index.html">Home</a></li>
                <li><a href="features.html">Features</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li>
                    <a href="#_">Drops</a>
                    <ul>
                        <li><a href="#">Lorem Ipsum</a></li>
                        <li><a href="#">Lorem Ipsum Dolor</a></li>
                        <li><a href="#">Lorem Ipsum</a></li>
                        <li><a href="#">Lorem Ipsum Dolor</a></li>
                        <li><a href="#">Lorem Ipsum</a></li>
                    </ul>
                </li>
                <li><a href="about.html">About Us</a></li>	
                <li><a href="contact.html">Contact</a></li>	
            </ul>
            
        </div>
        
        <!-- LOGO -->        
    	<a href="#"><img src="images/logo.png" border="0" alt="MacLander App Site Template" /></a>
        
        <br class="clear" />
        
    </div>
    
</div><!-- END HEADER -->


<!-- HEADER DIVIDER -->
<div id="head-break">

	<p>What is MacLander?</p>
	<h1>Insert Catchy Marketing Line Here.</h1>
    
</div><!-- END HEADER DIVIDER -->


<!-- START MAIN CONTAINER -->
<div class="container">


	<!-- START BLOG LEFT -->
	<div id="blog-left" class="equal">
    
        <div class="post single" id="post-123">
            <h3 class="post-title"><a href="blog-single.html">WordPress Plugins, A Simple How To</a></h3>
            <a href="blog-single.html" class="post-image">
                <img src="images/post-image.png" walt="Post Image" />
            </a>
            <!-- start post meta -->
            <div class="post-meta">
                <span class="post-date">15 November 2011</span>
                <a class="post-comments" href="blog-single.html#comment-list">12 Comments</a>
                <ul class="categories-list">
                <li><a href="#">WordPress</a></li>
                <li><a href="#">Tutorials</a></li>
                </ul>
            </div><!-- end post meta -->
            <!-- start post content -->
            <div class="post-content">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <p>Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                
                <blockquote><span>"</span>This is an example of a block quote! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis.<span>"</span></blockquote>
                
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <pre>&lt;div class=&quot;sidebar-widget&quot;&gt;

		&lt;p&gt;This is an example content wrapper "pre" tag!.&lt;/p&gt;

&lt;/div&gt;</pre>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            </div><!-- end post content -->
        <br class="clear" /></div><!-- end post -->
        

        <!-- start comment form -->       
        <div class="comment-form" id="comment-area">
        
            <div id="comment-label">
                <span>Leave A Reply</span>
                <small>Pretty Please!</small>
            </div>
                
            <form action="#" method="post" id="comment-form">
                <p class="comment-form-author">
                    <label for="author">Name<small>(required)</small></label>
                    <input type="text" required="" id="author" name="author" value="" size="30" />
                </p>
                <p class="comment-form-email">
                    <label for="email">Email<small>(required) (not published)</small></label>
                    <input type="email" required="" id="email" name="email" value="" size="30" />
                </p>
                <p class="comment-form-url">
                    <label for="url">Website<small>(optional)</small></label>
                    <input type="url" id="url" name="url" value="" size="30" />
                </p>
                <p class="comment-form-comment">
                    <textarea required="" id="comment" name="comment" cols="45" rows="8" area-required="true"></textarea>
                </p>
                <p class="button button-mail">
                    <input type="submit" value="Submit" name="submit" id="submit" />
                </p>
            </form>
        
        <br class="clear" /></div><!-- end comment form -->  

        
        <!-- start comments -->
        <div class="comments">
        
            <div class="comments-label">12 Comments<span>Join the discussion now!</span></div>
        
            
            <!-- start comment list -->
            <ol class="comment-list" id="comment-list">
        
                <li class="comment">
        
                    <div class="comment-body">
                        <div class="comment-meta">
                            <a href="#_">14 Nov 2011 @ 12:20 pm</a>
                        </div>
                        <div class="comment-author">
                            <img height="50" width="50" alt="avatar" src="images/avatar.png" class="avatar" />
                            <p class="commentAuthor"><cite class="fn">Tyler</cite></p>
                        </div>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                        <div class="reply"><a href="#comment-form" class="comment-reply-link">Reply</a></div>
                    </div>
                
                    
                    <!-- start child comments -->
                    <ul class="children">
                    
                        <li class="comment">
                            <div class="comment-body">
                                <div class="comment-meta">
                                    <a href="#_">14 Nov 2011 @ 12:30 pm</a>
                                </div>
                                <div class="comment-author">
                                    <img height="50" width="50" alt="avatar" src="images/avatar.png" class="avatar" />
                                    <p class="commentAuthor"><cite class="fn">Michelle</cite></p>
                                </div>
                                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                <div class="reply"><a href="#comment-form" class="comment-reply-link">Reply</a></div>
                            </div>
                        </li>
        
                        <li class="comment">
                            <div class="comment-body">
                                <div class="comment-meta">
                                    <a href="#_">14 Nov 2011 @ 12:33 pm</a>
                                </div>
                                <div class="comment-author">
                                    <img height="50" width="50" alt="avatar" src="images/avatar.png" class="avatar" />
                                    <p class="commentAuthor"><cite class="fn">Kristen</cite></p>
                                </div>
                                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                <div class="reply"><a href="#comment-form" class="comment-reply-link">Reply</a></div>
                            </div>
                        </li>
        
                    </ul><!-- end child comments -->
                    
            </li><!-- end comment -->
        
            <li class="comment">
                <div class="comment-body">
                    <div class="comment-meta">
                        <a href="#_">15 Nov 2011 @ 2:40 pm</a>
                    </div>
                    <div class="comment-author">
                        <img height="50" width="50" alt="avatar" src="images/avatar.png" class="avatar" />
                        <p class="commentAuthor"><cite class="fn">Krista</cite></p>
                    </div>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                    <div class="reply"><a href="#comment-form" class="comment-reply-link">Reply</a></div>
                </div>
            </li>
        
            <li class="comment">
                <div class="comment-body">
                    <div class="comment-meta">
                        <a href="#_">15 Nov 2011 @ 4:59 pm</a>
                    </div>
                    <div class="comment-author">
                        <img height="50" width="50" alt="avatar" src="images/avatar.png" class="avatar" />
                        <p class="commentAuthor"><cite class="fn">Megan</cite></p>
                    </div>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                    <div class="reply"><a href="#comment-form" class="comment-reply-link">Reply</a></div>
                </div>
            </li>
        
        </ol><!-- end comment list -->
        
            <div class="comment-pagination">
                <span class="prev"><a href="#">Older comments</a></span>
                <span class="next"><a href="#">Newer comments</a></span>
            </div>
        
        </div><!-- end comments -->    

	</div><!-- END BLOG LEFT -->


	<!-- START BLOG RIGHT -->
	<div id="blog-right" class="equal">
    
    
    	<!-- start search -->
        <div class="sidebar-search">
        
            <form method="post" action="">
                <input id="q" type="text" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" value="Search" />
                <input type="submit" value="submit" id="search-submit" />
            </form>
            
		</div><!-- end search -->            	
    
    
    	<!-- start widget -->
    	<div class="sidebar-widget">
        
            <span>Popular Posts</span>
        	<ul>
            	<li><a href="single-post.html">Your Eyes Love Equal Column Height, Heres Why!</a></li>
            	<li><a href="single-post.html">HTML5 And CSS3 Take The Cake</a></li>
            	<li><a href="single-post.html">How About Another Popular Post Title?</a></li>
            	<li><a href="single-post.html">Read This Title And Feel Compelled To Click It!</a></li>
            </ul>
            
        </div><!-- end widget -->
        
        
        <!-- start widget -->
        <div class="sidebar-widget">
        
        	<a href="#_" class="ad"><img src="images/cc.gif" alt="CodeCanyon" /></a>
        	<a href="#_" class="ad last"><img src="images/tf.gif" alt="ThemeForest" /></a>

		<br class="clear" /></div><!-- end widget -->
                
        
        <!-- start widget -->
        <div class="sidebar-widget">

            <div class="sidebar-list">
                <span>Browse Archives</span>
                <ul>
                    <li><a href="#_">December 2011</a></li>
                    <li><a href="#_">November 2011</a></li>
                    <li><a href="#_">October 2011</a></li>
                    <li><a href="#_">September 2011</a></li>
                 </ul>
            </div>
    
            <div class="sidebar-list last">
                <span>Browse Topics</span>
                <ul>
                    <li><a href="#_">WordPress</a></li>
                    <li><a href="#_">Tutorials</a></li>
                    <li><a href="#_">Resources</a></li>
                    <li><a href="#_">Random</a></li>
                </ul>
            </div>
            
        <br class="clear" /></div><!-- end widget -->
        
        
    	<!-- start widget -->
    	<div class="sidebar-widget">
        
            <span>Recent Comments</span>
        	<ul>
            	<li><a href="single-post.html">"Wow, did not know that great idea!"</a> <em>~ By Ethan W.</em></li>
            	<li><a href="single-post.html">"Is there any way you can tell if a user has already clicked like on something?"</a> <em>~ By Tyler C.</em></li>
            	<li><a href="single-post.html">"Maybe you want longer comments to be ..."</a> <em>~ By Steve J.</em></li>
            	<li><a href="single-post.html">"Wow, did not know that great idea!"</a> <em>~ By Ethan W.</em></li>
            </ul>
            
        </div><!-- end widget -->

	</div><!-- END BLOG RIGHT -->
    
    <br class="clear" />
    
</div><!-- END MAIN CONTAINER -->


<!-- START FOOTER -->
<div id="footer">

	<div class="container">
    
    	<div id="footer-right">
        
        	Created by <a href="http://tyler.tc/" target="_blank">Tyler Colwell</a> © 2011<br />
            <a href="#_" class="social facebook">Fan Us</a> <a href="#_" class="social twitter">Follow Us</a> <a href="#_" class="social googleplus">Plus Us</a>
            
        </div>
    
		<a id="top" href="#">Top</a> | <a href="#">Andriod Version</a> | <a href="#">Company Blog</a> | <a href="#">About Us</a> | <a href="#">Contact</a><br />
        Download MacLander on ThemeForest.<br />
        
        <br class="clear" />
    
  </div>
    
</div><!-- END FOOTER -->

</body>
</html>
